<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml">


  <head>
    <script src="http://www.google.com/jsapi"></script>
    <script type="text/javascript">
      google.load("jquery", "1");
      {% block google_js_api %}
      {% endblock %}
    </script>
 
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <meta robots content="all" />
    <link rel="shortcut icon" href="/assets/graphics/favicon.ico" type="image/ico" />
    <link rel="stylesheet"    href="/assets/style/pos_style.css"  type="text/css" />
    
    <script type="text/javascript" src="/assets/javascript/base.js">           </script>
    <script type="text/javascript" src="/assets/javascript/jq_shadow.js">      </script>

    {% block extrastyle %} {% endblock %}
    {% block javascript %} {% endblock %}
    <title>
      {% block title %} {% endblock %}
    </title>
    
      <script type="text/javascript">
        $(document).ready(function() {
        dyn_cloud = addCloud('weather',1.2,'cloud');
        dyn_cloud1 = addCloud('weather',1.5,'cloud');
        dyn_cloud2 = addCloud('weather',1.4,'cloud');
        dyn_cloud3 = addCloud('weather',1.1,'cloud');
        window.setInterval(moveClouds,100);
        $('.withshadow').dropShadow();
          {% block jq_doc_ready %}
          {% endblock %}
        });
    </script>

  </head>
  
  <body {% block bodytag %} {% endblock %} >
    <div id="loginbox">
      {% if not user.is_authenticated %}
        <a href="/login">Log in</a>&nbsp&nbsp|&nbsp&nbsp<a href="/signup/">Sign Up</a>&nbsp&nbsp|&nbsp&nbsp
      {% else %}
        Welcome back {{user.username|capfirst}}.  |  <a href="/mymarkers">Your Markers</a>  |  <a href="/logout">Logout</a>
      {% endif %}
      <form method="POST" action="/search"><input type="text" id="loginboxsearch" name="search_term" /><input id="loginboxsubmit" type="submit" value="Search" /></form>
    </div>
    <div id="navibox">
      <a href="/">Home</a>&nbsp&nbsp
    </div>
    <div id="hills">
    </div>
    <div id="weather">
    </div>
    <div class="top">
    </div>
    
    <div id="container">
      <div id="content" class="{% block contentclass %} {% endblock %}">
        {% block content %}{% endblock %}
      </div>
    </div>
    
    <div id="site_nav">
      {% include 'map/site_nav.html' %}
    </div>
    <!-- Graphics elements (C) 2009 Potton Online.  With thanks to Ploop26 @ deviantart.  http://creativecommons.org/licenses/by-nc-nd/3.0/ -->
    <div id="lhstree1"> </div>
    <div id="lhstree2"> </div>
    <div id="rhstree">  </div>
    
    <div id="footer">
      <!-- Google Tracking -->
<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
try {
var pageTracker = _gat._getTracker("UA-3468586-2");
pageTracker._trackPageview();
} catch(err) {}</script>
    </div>
    
    <div class="bigoak" >
        <span class="footer" ><a href="/">Home</a>  |  <a href="/about">About</a>  |  <a href="/advertise">Advertise</a>  |  <a href="/contact">Contact</a>  |  <a href="/logout">Logout</a>  |  <a href="/help_us">Can you help?</a>  |  <a href="/awards">Potton Awards</a> 
    </div>
    
  </body>
</html>
